<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" href="css/style.css" />
	<link  rel="stylesheet" href="js/jquery.mCustomScrollbar.css" />
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script>
</head>
<body>
<script>
		(function($){
			$(window).load(function(){
				
				$.mCustomScrollbar.defaults.theme="light-2";
				
				$("#ho").mCustomScrollbar({
					axis:"x",
					advanced:{autoExpandHorizontalScroll:true}
				});
		
			});
		})(jQuery);
	</script>
<div class="made scrollbox" id="horizontal">
    <div class="madegame">

    		<ul class="clearfix" id="ho">
    		<li>
            	
                    <img src="img/1.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/2.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/3.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/4.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/5.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/3.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/2.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/5.jpg" class="gameImg" />
               
            </li>
            <li>
            	
                    <img src="img/1.jpg" class="gameImg" />
               
            </li>
    		
    	</ul>
      
    </div>		 
</div>
</body>
</html>